querySelector vs query slector all in javascript